<template>
  <div id="login">
      <div><img src="../assets/img/u4787.svg" alt=""></div>
      <div style="bakcground:bule">
       
        <component :is="currentView"> </component>
         
      </div>
      <div><img src="../assets/img/u4788.svg" alt=""></div>
  </div>
</template>

<script>


import denglu from './denglu.vue'
import zhuce from './logon.vue'
import eventBus  from '../utils/busEvent'

export default {
  mounted(){
    eventBus.$on('currentView',item=>{ 
      this.currentView=item
    })
  },
  components: {
    denglu,
    zhuce
  },
data(){ 
  return{
    currentView:'denglu'
  }
}}

</script>

<style scoped>
#login{ 
    width: 100%;
    height: 100%;
    background: skyblue;
    display: flex;
    justify-content: center;
    align-items: center;
}


</style>